<template>
	<div class="servenotic">
		<div class="title">
			{{names}}
		</div>
		<van-divider />
		<div class="content">
			<div class="list">
				<div class="name">【共有经济服务】</div>
				<div class="list-item">
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
				</div>
			</div>
			<div class="list">
				<div class="name">【共有经济服务】</div>
				<div class="list-item">
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
				</div>
			</div>
			<div class="list">
				<div class="name">【共有经济服务】</div>
				<div class="list-item">
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
					<span class="van-ellipsis">链接链接链接</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "ServeNotice",
		components: {

		},
		data() {
			return {

			}
		},
		props: ["names"]


	}
</script>

<style lang="less">
	.servenotic {
		padding: 1.13rem 0.78rem;
		background: #fff;

		.title {
			font-size: 0.94rem;
			font-family: PingFang SC;
			font-weight: bold;
			color: rgba(38, 38, 38, 1);
		}

		.content {
			.list {
				margin-bottom: 0.5rem;
				.name{
					font-size:0.94rem;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(40,40,40,1);
					margin-bottom: 1.28rem;
				}
				.list-item{
					padding-left: 0.5rem;
					font-size:0.81rem;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(77,77,77,1);
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;
					span{
						display: inline-block;
						max-width: 33%;
						margin-right: 2.09rem;
						margin-bottom: 1rem;
						&:nth-child(3n){
							margin-right: 0;
						}
					}
					
				}
			}
		}
	}
</style>
